<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
    <style>
      body {
        margin: 0;
        font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;
        font-size: 15px;
        color: #404040;
      }

      .Header {
        overflow: hidden;
        background-color: #fff;
        box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
      }

      .Header-inner {
        width: 1008px;
        margin: 0 auto;
        padding: 0 16px;
      }

      .Header-logo {
        width: 64px;
        height: 30px;
        margin: 15px 0;
      }

      .Header-logo img {
        display: block;
        width: 100%;
        height: 100%;
      }

      .Compatibility {
        width: 1008px;
        margin: 0 auto;
        padding: 16px;
      }

      .Compatibility-icon {
        width: 112px;
        height: 83px;
        margin: 64px auto;
      }

      .Compatibility-icon img {
        display: block;
        width: 100%;
        height: 100%;
      }

      .Compatibility-tip {
        font-size: 24px;
        font-weight: 500;
        text-align: center;
      }

      .CompatibilityBrowsers {
        overflow: hidden;
        margin-top: 64px;
      }

      .CompatibilityBrowsers-item {
        position: relative;
        float: left;
        width: 33%;
        padding: 16px 0;
      }

      a.CompatibilityBrowsers-item {
        text-decoration: none;
        color: #3e7ac2;
      }

      .CompatibilityBrowsers-divider {
        position: absolute;
        right: 0;
        top: 24px;
        height: 64px;
        border-right: 1px solid #ebeef5;
      }

      .CompatibilityBrowsers-icon {
        width: 80px;
        height: 80px;
        margin: 0 auto;
      }

      .CompatibilityBrowsers-icon img {
        display: block;
      }

      .CompatibilityBrowsers-ieIcon img {
        width: 88px;
        height: 81px;
        margin-left: -8px;
        margin-top: -1px;
      }

      .CompatibilityBrowsers-chromeIcon img {
        width: 83px;
        height: 83px;
        margin: -1.5px;
      }

      .CompatibilityBrowsers-text {
        margin-top: 32px;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <div class="Compatibility">
      <div class="Compatibility-icon">
        <img src="index_files/icon2x.png">
      </div>
      <div class="Compatibility-tip">你正在使用的浏览器版本过低，将不能正常使用WebMCS。</div>
      <div class="CompatibilityBrowsers">
        <a href="https://www.microsoft.com/zh-cn/download/internet-explorer.aspx" class="CompatibilityBrowsers-item">
          <div class="CompatibilityBrowsers-icon CompatibilityBrowsers-ieIcon">
            <img style="border: none;" src="index_files/internet-explorer2x.png">
          </div>
          <div class="CompatibilityBrowsers-text">升级 IE 浏览器</div>
          <div class="CompatibilityBrowsers-divider"></div>
        </a>
        <a href="http://www.google.com/chrome/" class="CompatibilityBrowsers-item">
          <div class="CompatibilityBrowsers-icon CompatibilityBrowsers-chromeIcon">
            <img style="border: none;"  src="index_files/google-chrome2x.png">
          </div>
          <div class="CompatibilityBrowsers-text">使用 Google Chrome 浏览器</div>
		  <div class="CompatibilityBrowsers-divider"></div>
        </a>
        <a href="http://www.firefox.com.cn/download/" class="CompatibilityBrowsers-item">
          <div class="CompatibilityBrowsers-icon CompatibilityBrowsers-chromeIcon">
            <img style="border: none;"  src="index_files/firefox.png">
          </div>
          <div class="CompatibilityBrowsers-text">使用 Firefox 浏览器</div>
        </a>
    </div>
</div>
</body></html>